<%@ page language="java" pageEncoding="UTF-8" %>
<%@ page language="java" import="java.util.*" %>
<%@page import="com.spring.util.*" %>
<%@page import="com.jntoo.db.*" %>
<%@ taglib prefix="ssm" uri="http://ssm" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ include file="head.jsp" %>
<link href="js/video/video-js.min.css" rel="stylesheet">
<script src="js/video/ie8/videojs-ie8.js"></script>
<script src="js/video/video.min.js"></script>

<div style="padding: 10px" class="admin-content">


    <div class="panel panel-default">
        <div class="panel-heading">
            课件详情
        </div>
        <div class="panel-body">

            <div class="admin-detail clearfix">
                <div class="detail detail-longtext">
                    <div class="detail-title">
                        标题：
                    </div>
                    <div class="detail-content">
                        ${map.biaoti}
                    </div>
                </div>
                <div class="detail detail-select">
                    <div class="detail-title">
                        知识点：
                    </div>
                    <div class="detail-content">
                        <ssm:sql var="mapzhishidian5" type="find">
                            SELECT zhishidian,id FROM zhishidian where id='${map.zhishidian}'
                        </ssm:sql>${mapzhishidian5.zhishidian}
                    </div>
                </div>

                <div class="detail detail-textuser">
                    <div class="detail-title">
                        教师：
                    </div>
                    <div class="detail-content">
                        ${map.jiaoshi}
                    </div>
                </div>
                <div class="detail detail-number">
                    <div class="detail-title">
                        点击率：
                    </div>
                    <div class="detail-content">
                        ${map.dianjilv}
                    </div>
                </div>

                <div class="detail detail-image">
                    <div class="detail-title">
                        封面：
                    </div>
                    <div class="detail-content">
                        <img src="${map.fengmian}" style="width: 350px"/>
                    </div>
                </div>
                <div class="detail detail-video">
                    <div class="detail-title">
                        视频：
                    </div>
                    <div class="detail-content">
                        <video id="example_video_1" class="video-js vjs-default-skin"
                               style="width: 100%;height: 100%;min-height: 320px;" controls="" preload="none"
                               poster="images/play.png" data-setup="{}">
                            <source src="${map.shipin}" type="video/mp4">
                            <track kind="captions" src="../shared/example-captions.vtt" srclang="en"
                                   label="English"></track>
                            <!-- Tracks need an ending tag thanks to IE9 -->
                            <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en"
                                   label="English"></track>
                            <!-- Tracks need an ending tag thanks to IE9 -->
                            <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to
                                a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports
                                    HTML5 video</a></p>
                            </source>
                        </video>
                    </div>
                </div>
                <div class="detail detail-editor">
                    <div class="detail-title">
                        详情：
                    </div>
                    <div class="detail-content">
                        ${map.xiangqing}
                    </div>
                </div>
            </div>

            <div class="button-list mt10">
                <div class="">
                    <button type="button" class="btn btn-default" onclick="history.go(-1);">
                        返回

                    </button>
                    <button type="button" class="btn btn-default" onclick="window.print()">
                        打印本页

                    </button>
                </div>
            </div>

        </div>
    </div>


</div>
<%@ include file="foot.jsp" %>
